import React from 'react'
import { useDispatch,useSelector } from 'react-redux'
import { getMovieList } from '../../store/slice/movieSlice'
export default function Movie() {
    const dispatch =useDispatch()
    const movieList=useSelector((state)=>state.movie.movieList)
    const count=useSelector((state)=>state.count.count)
    const getMovieHandle=()=>{
        dispatch(getMovieList())
    }
    return (
        <div>
            <h1>我是Movie组件</h1>
            <p>我收到的Count组件的值是{count}</p>
            <p>电影的个数{movieList.length}</p>
            <button onClick={getMovieHandle}>获取电影的数据</button>
            <ul>
                {
                    movieList.map(item=>{
                        return <li key={item.tvId}>{item.albumName}</li>
                    })
                }
            </ul>
        </div>
    )
}
